<%-------------------------------------------------------------------
 * 页面名称：barCodePayDetail.jsp
 * 功能描述：公共事业费详细信息页面
 * Action: toBarCodePayDetail.do
 *
 *-------------------------------------------------------------------
--%>
<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="ad" uri="agiledata"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-html.tld" prefix="html"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-tiles.tld" prefix="tiles"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-logic.tld" prefix="logic"%>
<%@ taglib uri="/WEB-INF/conf/tld/struts-bean.tld" prefix="bean"%>
<%
	String path = request.getContextPath();
%>
<html>
<head>
<title>公共事业缴费</title>
<meta name="keywords" content="公共事业网上缴费" />
<meta name="description" content="公共事业费 、公共事业网上缴费、水费、电费、煤气费、天燃气、手机费、" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="<%=path%>/css/barcodepaystyle.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/barcodepayfont.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/newstyle.css" rel="stylesheet" type="text/css" />
<link href="<%=path%>/css/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=path%>/js/vnv/commonForManage.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<logic:present name="errMsg">
alert('<%=request.getAttribute("errMsg")%>');

</logic:present>
// 手机号码获得焦点事件
	function numberFocus() {
		var mobileNum = document.getElementById("idNumber");
		if(isNaN(mobileNum.value) == true) {
			mobileNum.value="";
		}
	}

	// 手机号码失去焦点事件
	function numberBlur() {
		var mobileNum = document.getElementById("idNumber");
		if(isNaN(mobileNum.value) == true || mobileNum.value == "") {
			mobileNum.value="请输入要充值的手机号码";
		}
	}

	function validate() {
		var objFrm = document.frmCharge;
		// 手机号码检查
		var strMobileNum = objFrm.mobileNum.value;
		if(isNaN(strMobileNum) == true
			||strMobileNum.value == "") {
			alert('请输入要充值的手机号码');
			objFrm.mobileNum.focus();
			return false;
		}

		if(!checkCmMobile(strMobileNum)) {
			alert('手机号码输入错误，请输入中国移动手机号码');
			objFrm.mobileNum.focus();
			return false;
		}

		// 检查充值类型选择
		var bolSelect = false;
		var objType = document.getElementsByName("chargeType");
		for(i=0;i<objType.length;i++) {
			if(objType[i].checked) {
				bolSelect = true;
			}
		}

		if(!bolSelect) {
			alert('请选择充值金额');
			return false;
		}

		objFrm.buttonNext.disabled = true;

		return true;
	}
</SCRIPT>
</head>
<body>
<div id="mainFrame">
  <div class="rightSider2">
     <div class="sub_title"><span class="bluefont18bdrop">移动手机充值</span></div>
	 <div class="public_textsT backfont12t">输入你要充值的手机号码及选择充值金额</div>
	 <form name="frmCharge" action="<%=path%>/page/barcodepay/innerChargePay.do"  method="Post" onSubmit="return validate();">
	 <div class="public_itemList">
	 	<ul>
		  <li class="tli">手机号码：</li><li class="teli">
	 	  <input name="mobileNum" id="idNumber" type="text" value="请输入要充值的手机号码" class="inputStyleNoborder" size="30" maxlength="11" onFocus="numberFocus()" onBlur="numberBlur()" style="background:#F6F6F6;" />
		  </li>
		  <li class="tli">充值金额：</li>
		  <li class="teli">
		    <label><input type="radio" name="chargeType" value="1" class="moblie_noborder" /><span class="gray14">50元 &nbsp;（实际支付：<logic:present name="charge50Value"><bean:write name="charge50Value"/></logic:present>元)</span></label>
			<br>
			<label><input type="radio" name="chargeType" value="2" class="moblie_noborder" checked="checked"/><span class="gray14">100元&nbsp;（实际支付：<logic:present name="charge100Value"><bean:write name="charge100Value"/></logic:present>元)</span></label>
		  </li>
	   </ul>
     </div>
	 <div style="clear:both"></div>
	 <div><table width="100%" border="0" align="center" cellpadding="7" cellspacing="1" bgcolor="#f9e277" style="margin:10px 0;">
        <tr>
          <td bgcolor="#fffdf5"><table width="100%" border="0" cellpadding="3" cellspacing="0">
              <tr >
                <td width="3%" height="25" valign="top" style="border-bottom:1px solid #ccc;"><img src="<%=path%>/images/ren.gif" width="22" height="21" border="0" align="absmiddle" /></td>
                <td width="97%" align="left" class="red12b" style="border-bottom:1px solid #ccc;">特别提醒</td>
              </tr>
              <tr>
                <td valign="top">&nbsp;</td>
                <td align="left" class="font_gray"><img src="<%=path%>/images/arrow2.gif" width="16" height="16" align="absmiddle" /> 当前优惠价格为 
                <span class="fontred"><logic:present name="charge50Value"><bean:write name="charge50Value"/></logic:present>元 充值50元，   
			    <logic:present name="charge100Value"><bean:write name="charge100Value"/></logic:present>元 充值100元；</span>本充值已是优惠充值，故不参加当地移动活动。</td>
              </tr>
              <tr>
                <td valign="top">&nbsp;</td>
                <td align="left" class="font_gray"><img src="<%=path%>/images/arrow2.gif" width="16" height="16" align="absmiddle" /> 将在<span class="fontred">96小时</span>(节假日顺延)内帮您完成充值！</td>
              </tr>
          </table></td>
        </tr>
      </table></div>
	 <div class="public_input"><input name="buttonNext" type="submit" class="public_button" value="马上开始充值"/></div>
     </form>

  </div>
</div>
<div style="clear:both;"></div>
</body>
</html>
